<template>
  <div class="zixun">
   <div>
    <div>
        <h3>咨询 <span>更多</span></h3>
        <div class="content">
            <div class="left">
                <p>基金测评|净值高点正式腰斩为何中欧医疗创新离回本越来越为何中欧医疗创新离回本越来越</p>
                <div>
                    <span>基金</span>
                    <span>基金测评</span>
                    <i>2022-9-23</i>
                </div>
            </div>
            <div class="right">
                <img src="@/assets/index/zixin-0.jpg" alt="">
            </div>
        </div>
        <div class="content">
            <div class="left">
                <p>财经早班车| 逆市加仓!超330亿元“扫货"ETF</p>
                <div>
                    <span>要闻</span>
                    <span>财经早班车</span>
                    <i>2022-9-23</i>
                </div>
            </div>
            <div class="right">
                <img src="@/assets/index/zixin-1.jpg" alt="">
            </div>
        </div>
    </div>
   </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .zixun {
        width: 100%;
        height: 3.1rem;
        background: #eee;
        >div {
            width: 100%;
            height: 4rem;
            background: #fff;
            >div {
            width: 90%;
            margin: auto;
            h3 {
                display: flex;
                justify-content: space-between;
                margin-bottom: .2rem;
                margin-top: .3rem;
                span {
                    font-size: .12rem;
                    color: #6f6f6f;
                }
            }
        }
        }
    }
    .content{
        width: 100%;
        height: 1rem;
        display: flex;
        justify-content: space-between;
        margin-top: .15rem;
        border-bottom: 1px solid #f4f4f4;
        .left {
            width: 70%;
            p {
                font-size: .16rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
            >div {
                width: 100%;
                display: flex;
               
                color: #0872c2;
                margin-top: .12rem;
                >span {
                    font-size: .08rem;
                    margin-right: .1rem;
                    background: #f1f8fe;
                }
                i {
                    font-size: .08rem;
                    color: #8d8d8d;
                }
            }
            
        }
        .right {
            width: 28%;
            img {
                width: 100%;
            }
        }

    }

</style>